 <!--
 * @Description: 
 * @Author: charles
 * @Date: 2020-11-03 14:05:02
 * @LastEditors: charles
 * @LastEditTime: 2021-08-01 14:07:59
-->
<template>
<div class="article">
    <div class="wrapper">
    <div class="title">{{articles.title}}</div>
    <div class="time">{{articles.publishTime  | fmtDate}}|{{articles.baseUser.realname}}</div>
    <div class="content" v-html="articles.content"></div>
    <div class="btn" @click="thumbUpHandler(articles.id)">
      <el-button type="primary" plain>点赞</el-button>
    </div>
    </div>
</div>
</template>

// <script>
// import {get} from "../utils/request"
// export default {
//   data(){
//     return{
//       id:'',
//       articles:{},
//     }
//   },
//   methods:{
//     findArticles(){
//       get('/index/article/findById?id='+this.id).then(res=>{
//         if(res.status==200){
//           this.articles=res.data
//         }else{
//           this.$message({
//             type: 'error',
//             message: res.message
//           })
//         }
//       })
//     },
//     thumbUpHandler(date){
//       get('/index/article/thumbUp?id='+date).then(res=>{
//         if(res.status==200){
//           this.$message({
//             type: 'success',
//             message: res.message
//           })
//         }else{
//           this.$message({
//             type: 'error',
//             message: res.message
//           })
//         }
//       })
//     }
//   },
//   created(){
//     this.id=this.$route.query.id
//     this.findArticles()
//   }
// }
// </script>

// <style lang="scss" scoped>
// .article{
//   .wrapper{
//     .title{
//       font-size: 20px;
//       line-height: 3em;
//       text-align: center;
//       color: #333;
//       font-weight: 700;
//     }
//     .time{
//       line-height: 2em;
//       text-align: center;
//     }
//     .btn{
//       text-align: center;
//       margin:2em;
//     }
//     }
//   }
// </style>